<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="./static/plugins/layui/css/layui.css"/>

    <style>
        .phone, .actName, .awardName {
            display: inline-block;
            width: 150px;
            margin-right: 10px;
        }

        .search {
            display: inline-block;
            width: 100px;
            height: 35px;
            background: #35E2F3;
            color: #fff;
            line-height: 35px;
            font-size: 16px;
        }

        .add {
            /*width:100px;*/
            /*height:35px;*/
            /*border:1px solid #35E2F3;*/
            /*color:#35E2F3;*/
            /*line-height:35px;*/
            /*font-size:16px;*/
            /*background: white;*/
            display: inline-block;
            width: 100px;
            height: 35px;
            background: #35E2F3;
            color: #fff;
            line-height: 35px;
            font-size: 16px;
        }

        label {
            color: #666666;
        }
    </style>
</head>
<body>
<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; padding-top: 10px;">
    <div class="layui-card">
        <div class="layui-card-header">
            <div>
                <table>
                    <tr>
                        <td>
                            <div style="width: 6px;height: 20px; margin:10px; background-color: #f74c1e"></div>
                        </td>
                        <td><font color="#222222" size="4px">渠道管理</font></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="layui-card-body">
            <div style="margin-left: 10px; margin-right: 10px">
                <form class="layui-form" action="" onsubmit="return false;">
                    <div style="float: right">
                        <input id="searchValue" type="text" name="title" placeholder="请输入关键字进行搜索" autocomplete="off"
                               class="layui-input phone" style="width: 500px">

                        <button class="layui-btn layui-btn-sm search" onclick="termQuery()">搜&nbsp;&nbsp;索</button>
                        <button class="layui-btn layui-btn-sm add" onclick="addArea()">添&nbsp;&nbsp;加</button>
                        <button class="layui-btn layui-btn-sm add" onclick="deleteByIds()">删&nbsp;&nbsp;除</button>

                    </div>
                </form>
            </div>
            <table id="channelTable" lay-filter="activityFilter" style="clear: both"></table>
        </div>
    </div>
</div>

<div id="layerOpen" style="height: 300px;width: 500px; display: none">
    <div class="layui-card-header customtitle"><img src="./static/images/add.png">&nbsp;&nbsp;渠道信息</div>

    <form class="layui-form" style="margin-top: 20px;" onsubmit="return false;">

        <div class="layui-form-item areaMarge">
            <label class="layui-form-label fontstyle1" style="width: 100px;">渠道名称<span
                    style="color: red;">*</span></label>
            <div class="layui-input-inline">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder=""
                       class="layui-input" id="channelName" required lay-verify="required" />
            </div>
        </div>

        <div class="layui-form-item areaMarge">
            <label class="layui-form-label fontstyle1" style="width: 100px;">渠道负责人<span
                    style="color: red;">*</span></label>
            <div class="layui-input-inline" id="channelManageName">
                <select name="modules" lay-verify="required" lay-search="" lay-filter="selFilter"
                        id="channelManageName1" required>
                    <option></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item areaMarge">
            <label class="layui-form-label fontstyle1" style="width: 100px;">归属片区<span
                    style="color: red;">*</span></label>
            <div class="layui-input-inline" id="areaId">
                <select name="modules" lay-verify="required" lay-search="" lay-filter="selFilter" id="areaId1" required>
                    <option></option>
                </select>
            </div>
        </div>
    </form>
</div>

</body>
<script type="text/javascript" src="./static/plugins/jquery/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="./static/plugins/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/channelmanage.js"></script>
</body>
</html>